<template>
  <div class="bigheader" style="color: white !important;">

    <div  class="top">
        <em>this a advertisement</em>

    </div>
    <div class="collapse navbar-collapse header" style="color: white !important;"  >
      <ul class="nav navbar-nav" style="width: 100%">
        <li class="activ"><a href="#"><img style="height: 30px" src="../../assets/home.png" alt=""></a></li>
        <li class="active"><a href="#">首页</a></li>

        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">录取须知 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">录取须知</a></li>
            <li class="divider"></li>
            <li><a href="#">下拉菜单2</a></li>
            <li class="divider"></li>
          </ul>
        </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><a href="">了解我们</a> <b class="caret"></b></a>

        </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">学在石大 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">下拉菜单1</a></li>
            <li class="divider"></li>
            <li><a href="#">下拉菜单2</a></li>
            <li class="divider"></li>
          </ul>
        </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">玩在石大 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">下拉菜单1</a></li>
            <li class="divider"></li>
            <li><a href="#">下拉菜单2</a></li>
            <li class="divider"></li>
          </ul>
        </li><li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">学子风范 <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">下拉菜单1</a></li>
          <li class="divider"></li>
          <li><a href="#">下拉菜单2</a></li>
          <li class="divider"></li>
        </ul>
      </li>
        <li class="dropdown pull-right"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">温馨提示 <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">下拉菜单1</a></li>
            <li class="divider"></li>
            <li><a href="#">下拉菜单2</a></li>
            <li class="divider"></li>
          </ul>
        </li>
      </ul>
    </div>


  </div>
</template>

<script>
    export default {
        name: "IndexHeader"
    }
</script>

<style scoped lang="stylus">
  .top
    background #444444
    height 50px
    text-align center
    line-height 50px
  .header

        color white
        height 50px
        background-color: #323232



</style>
